<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1,text/html;charset=utf-8"
          http-equiv="content-type">
    <link rel="stylesheet"
          href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <script>
            $(document).on("pagecreate","#pageone",function(){
            $("p").on("taphold",function(){
            $(this).hide();
            showLongToast();
            });
            });




    </script>
    <script type="text/javascript mobile">
        function showLongToast(){
           android.showLongToast("xxxqwwq");
        }
        function showSettings(){
           android.showSettings();
        }




    </script>
    <script type="text/javascript">
        function showAlert(){
        alert("this is a alert ");
        }



    </script>

    <script type="text/javascript">
        function btnClick(){
        alert("this is a buttin click ");
        }



    </script>
</head>
<body>

<div data-role="page" id="pageone">
    <div data-role="header">
        <h1>taphold 事件</h1>
    </div>
    <div data-role="main" class="ui-content">
        <p>如果您敲击并保持一秒钟，我会消失。</p>
        <p>敲击并保持住，我会消失。</p>
        <p>敲击并保持住，我也会消失。</p>
        <p style="color:red; font-size:30px">敲击并保持住，我也会消失。</p>
    </div>
    <input type="button" value="js调用java代码 " onClick="showLongToast()"/>
    <input type="button" value="js调用java代码" onClick="showSettings()"/>
    <input type="button" onClick="showAlert()" value="showAlert"/>

    <button type="button" onclick="btnClick()"><span
            style="font-size:30px;color:blue">onclick</span></button>

</div>

</body>
</html>
